<template>
  <div class="doctor-home">
    <div class="wrap">
      <div class="list" @click="goToPage('/channel/doctorList')">
        订单管理
        <span v-if="info.orderNum">({{ info.orderNum }})</span>
      </div>
      <div class="list mt100" @click="goToPage('/doctor/member/list')">
        病人管理
        <span v-if="info.userNum">({{ info.userNum }})</span>
      </div>
      <div class="list mt100" @click="goToPage('/doctor/portalQr')">
        专属二维码
      </div>
    </div>
  </div>
</template>
<script>
import { Toast, Indicator } from "mint-ui";
import { wxshare } from "common/mixin";
import { getHomeData } from "api/channel";

export default {
  mixins: [wxshare],
  data() {
    return {
      info: {},
    };
  },

  methods: {
    getList() {
      // Indicator.open();
      // getHomeData().then(
      //   (result) => {
      //     this.info = result.data;
      //     Indicator.close();
      //   },
      //   (error) => {
      //     Indicator.close();
      //   }
      // );
    },
    goToPage: function (page) {
      this.$router.push(page);
    },
  },
  mounted() {
    this.getList();
  },
};
</script>
<style lang="less" scoped>
.doctor-home {
  background-image: url(http://yn-oa.oss-cn-shanghai.aliyuncs.com/static/static/zw/img/1.png);
  background-size: cover;
}
.wrap {
  padding-top: 5rem;
  width: 100%;
}
.list {
  width: 80%;
  background: #2f6ddc;
  border-radius: 10px;
  margin: 0 auto;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  color: #ffffff;
  line-height: 56px;
}
.mt100 {
  margin-top: 2rem;
}
</style>
